<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0"
		/>
		<title>关于我们-北京他山石科技</title>
		<!-- 引入 Bootstrap CSS (本地) -->
		<link
			href="static/css/bootstrap.min.css"
			rel="stylesheet"
		/>
		<!-- 临时使用CDN的Font Awesome 4进行测试 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<!-- 引入自定义样式 -->
		<link
			rel="stylesheet"
			href="static/css/about.css"
		/>
	</head>
	<body>
		<!-- 导航栏 -->
		<nav
			class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top"
		>
			<div class="container">
				<a
					class="navbar-brand"
					href="#"
				>
					<img
						src="./static/image/logo.png"
						alt="企业Logo"
						class="d-inline-block align-text-top"
					/>
				</a>
				<button
					class="navbar-toggler"
					type="button"
					data-bs-toggle="collapse"
					data-bs-target="#navbarNav"
					aria-controls="navbarNav"
					aria-expanded="false"
					aria-label="Toggle navigation"
				>
					<span class="navbar-toggler-icon"></span>
				</button>
				<div
					class="collapse navbar-collapse justify-content-center"
					id="navbarNav"
				>
					<ul class="navbar-nav">
						<li class="nav-item mx-3">
							<a
								class="nav-link"
								href="index.html"
								>首页</a
							>
						</li>
						<li class="nav-item mx-3" id="aboutUsContainer">
							<a
								class="nav-link active"
								aria-current="page"
								href="about.html"
								id="aboutUsBtn"
								>关于我们</a>
							<!-- 关于我们冒泡弹窗 -->
							<div id="aboutUsDropdown" class="about-us-dropdown">
								<div class="dropdown-content">
									<button class="dropdown-item" onclick="window.location.href='about.html'">公司简介</button>
									<button class="dropdown-item" onclick="window.location.href='certificates.html?type=certificates'">荣誉证书</button>
					<button class="dropdown-item" onclick="window.location.href='certificates.html?type=partners'">合作伙伴</button>
								</div>
							</div>
						</li>
						<li class="nav-item mx-3">
							<a
								class="nav-link"
								href="business.html"
								>业务介绍</a
							>
						</li>
						<li class="nav-item mx-3">
							<a
								class="nav-link"
								href="cases.html"
								>客户案例</a
							>
						</li>
						<li class="nav-item mx-3">
							<a
								class="nav-link"
								href="news.html"
								>新闻资讯</a
							>
						</li>
						<li class="nav-item mx-3">
							<a
								class="nav-link"
								href="contact.html"
								>联系我们</a
							>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<!-- Banner大图 -->
		<div class="about-banner">
			<img src="https://www.tes-amm.cn/public/uploads/20230129/6f04053c897bad42044c0efe639003ca.jpg" alt="关于我们背景图" class="banner-image">
			<div class="banner-content">
				<h1 class="banner-title">关于我们</h1>
			</div>
		</div>

		<!-- 公司介绍部分 -->
		<section class="company-intro-section">
			<div class="container">
				<div class="intro-content">
					<!-- 公司介绍文本部分 -->
					<div class="intro-text">
						<h2 class="intro-title">北京他山石</h2>
						<p class="intro-paragraph">公司成立于2015年总部坐落于首都北京，注册资金1050万。公司成立10余年主要以IT设备再生资源服务，IT设备租赁，以及电子产品销售为主营业务。深圳、上海等地设有运营中心，开展全国性业务</p>
					</div>
					<!-- 蓝底背景图片部分 -->
					<div class="intro-image-container">
						<div class="blue-bg">
							<img src="https://www.tes-amm.cn/public/uploads/20230114/2daf4ec6180f2210248c97a18dbaf068.png" alt="公司图片" class="intro-image">
							<div class="rock-text">北京他山石</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 产品展示部分 -->
		<section class="product-section">
			<div class="container">
				<div class="product-grid">
					<!-- 电子电器产品 -->
					<div class="product-item">
						<div class="product-icon">
							<img src="https://www.tes-amm.cn/public/uploads/20230114/6048cd2885a96bbb36cb2dbc89f47614.png" alt="电子电器产品">
						</div>
						<h3 class="product-title">技术优势</h3>
					</div>
					
					<!-- 新能源动力汽车 -->
					<div class="product-item">
						<div class="product-icon">
							<img src="https://www.tes-amm.cn/public/uploads/20230114/21b353fd6e330ac78107c19086022c59.png" alt="新能源动力汽车">
						</div>
						<h3 class="product-title">业务优势</h3>
					</div>
					
					<!-- 塑料橡胶 -->
					<div class="product-item">
						<div class="product-icon">
							<img src="https://www.tes-amm.cn/public/uploads/20230114/ce1849554ec7935a61735de85b2a6747.png" alt="塑料橡胶">
						</div>
						<h3 class="product-title">服务优势</h3>
					</div>
				</div>
			</div>
		</section>

		<!-- 环保理念部分 -->
		<section class="green-concept-section">
			<div class="concept-image">
				<img src="https://www.tes-amm.cn/public/uploads/20230114/42a775c815ba40c816012c12c5e1e2e7.jpg" alt="环保理念背景图">
				<div class="concept-overlay">
					<div class="concept-content">
						<p class="concept-text">在"可持续发展之明天"的美好愿景下</p>
						<p class="concept-paragraph">他山石以创新为核心，在全球循环产业领域，服务14个技术经济合作组织，致力于成为全球可持续发展的领导者。在循环经济及碳中和领域，我们将持续推动绿色技术的创新与应用，践行环保理念，为建设美丽中国、可持续社会贡献自己的力量。目前已服务超过250家世界500强企业及国内知名企业，为客户提供绿色供应链解决方案。</p>
					</div>
				</div>
			</div>
		</section>

		<!-- 新增合规性内容 -->
		<section class="compliance-section">
			<div class="container">
				<div class="compliance-content">
					<div class="compliance-text">
						<h4 class="small-black-title">作为环保科技业内领先的企业，坚持创新研发</h4>
						<p>全面执行环保管理流程，可高效规范"收、运、仓、配"等全流程与环节，确保合规合理、透明、严谨。每一批废弃物都会经过唯一标识，记录电子标签信息，且执行相关法律规定的二级或更严格标准的安全合规处理。我们采用最新的环保技术和设备，确保废弃物得到最优化处理和回收利用，减少对环境的影响。他山石环保科技有限公司始终秉持"科技治废"为核心价值观，具有全球化服务能力，率先突破安全保障与分级回收技术，研发智能回收识别中心、"避、防、控"等创新模式，同时我们已在国内外多个地区建立了技术标准库和研发中心，不断提升环保科技的研发能力，为行业提供更专业的环保解决方案。</p>
					</div>
					<div class="compliance-image">
						<img src="https://www.tes-amm.cn/public/uploads/20230114/f5414a82be1a793ad0eff57f18f9b1d7.jpg" alt="环保科技图片">
					</div>
				</div>
			
				<div class="compliance-content">
					<div class="compliance-image">
						<img src="https://www.tes-amm.cn/public/uploads/20230114/1905c727b77e6208212f6db6f2b8335d.jpg" alt="合规性图片">
					</div>
					<div class="compliance-text">
						<h3 class="compliance-title">合规性</h3>
						<p>面向未来，我们将在3P（PROTECT保护；PRESERVE维护；PROVIDE提供）与3R（REDUCE降低；RE-USE and REPURPOSE重复使用与重新利用；RECYCLE循环再生）战略的指导下, 不懈追求技术革新，不断提升服务水准，创造一个与众不同的十年，通过合规、安全和可持续的方式，到2030年，成功改造和再利用10亿公斤资产，致力于成为全球一流的全生命周期可持续领导者。</p>
						<div class="compliance-text-image">
							<img src="https://www.tes-amm.cn/public/uploads/image/20250107/20250107120913_76052.png" alt="合规性详细图片">
						</div>
            <div class="compliance-text-image image_small">
							<img src="https://www.tes-amm.cn/public/uploads/image/20250108/20250108154504_33815.png" alt="合规性详细图片">
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 联系我们横幅 -->
		<section class="contact-banner-section">
			<div class="container">
				<div class="contact-banner-content">
					<div class="contact-banner-icon">
						<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M10 20H15V25H10V20Z" fill="white"/>
							<path d="M25 20H30V25H25V20Z" fill="white"/>
							<path d="M12 15C12 15 13.5 15 16 15C18.5 15 20 15 20 15C20 15 21.5 15 24 15C26.5 15 28 15 28 15V16.5C28 16.5 26.5 16.5 24 16.5C21.5 16.5 20 16.5 20 16.5C20 16.5 18.5 16.5 16 16.5C13.5 16.5 12 16.5 12 16.5V15Z" fill="white"/>
							<path d="M20 5C11.72 5 5 11.72 5 20C5 28.28 11.72 35 20 35C28.28 35 35 28.28 35 20C35 11.72 28.28 5 20 5ZM20 33C12.84 33 7 27.16 7 20C7 12.84 12.84 7 20 7C27.16 7 33 12.84 33 20C33 27.16 27.16 33 20 33Z" fill="white"/>
						</svg>
					</div>
					<div class="contact-banner-text">
						如果您有任何需求和疑问
					</div>
					<a href="contact.html" class="contact-banner-button">
						联系我们 →
					</a>
				</div>
			</div>
		</section>

		<!-- 页脚 -->
		<footer class="text-white py-12">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="footer-column-content">
							<h4 class="footer-title">关于我们</h4>
							<ul class="footer-links about-us-links">
								<li><a href="about.html" class="footer-link-item">公司介绍</a></li>
								<li><a href="#" class="footer-link-item">行业优势</a></li>
								<li><a href="certificates.html?type=certificates" class="footer-link-item">认证证书</a></li>
								<li><a href="certificates.html?type=partners" class="footer-link-item">合作伙伴</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-column-content">
							<h4 class="footer-title">业务介绍</h4>
							<ul class="footer-links business-links">
								<li><a href="#" class="footer-link-item">企业回收</a></li>
								<li><a href="#" class="footer-link-item">硬件租聘</a></li>
								<li><a href="#" class="footer-link-item">硬件销售</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-column-content">
							<h4 class="footer-title footer-title-diff">联系方式</h4>
							<div class="contact-info">
								<div class="contact-phone">
									<img src="./static/image/phone.png" alt="">
									<p>010-88888888</p>
									<p>+86 1388888888</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-column-content">
							<h4 class="footer-title footer-title-diff"></h4>
							<div class="contact-info">
								<div class="contact-address">
									<img src="./static/image/address.png" alt="">
									<p>北京市朝阳区</p>
									<p>永安里solo二期B座5-3</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-column-content">
							<h4 class="footer-title footer-title-diff">关注品牌监测平台</h4>
							<div class="qrcode-container">
								<div class="qrcode-item">
									<img src="./static/image/qrcode.png" alt="微信公众号" class="qrcode-image" />
									<p class="qrcode-text">关注</p>
								</div>
								<div class="qrcode-item">
									<img src="./static/image/qrcode.png" alt="品牌监控" class="qrcode-image" />
									<p class="qrcode-text">关注</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<div class="footer_bottom">copyright© 北京他山石科技有限公司版权所有 2011-2024 京ICP备11006662号-1</div>

		<!-- 引入 Bootstrap JS (本地) -->
		<script
			src="static/js/bootstrap.bundle.min.js"
		></script>
		
		<!-- 引入关于我们页面的JavaScript -->
		<script src="static/js/about.js"></script>
	</body>
</html>